<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>vue</title>
		<meta name="description" content="vue" />
		<meta
			name="viewport"
			content="initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, width=device-width, viewport-fit=cover"
		/>
		<meta name="format-detection" content="telephone=no" />
		<!-- safari full screen -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta
			name="apple-mobile-web-app-status-bar-style"
			content="black-translucent"
		/>
		<meta
			id="apple-mobile-web-app-title"
			name="apple-mobile-web-app-title"
			content="vue"
		/>
		<link rel="apple-touch-icon" href="static/images/logo.png" />
		<link rel="icon" href="static/images/logo.png" />
	</head>

	<body>
		<div id="app" style="width:100%;height:100%"></div>
		<!-- built files will be auto injected -->
		<!-- 	解决vw兼容问题(不考虑很低端的机型可以去掉 -->
		<script src="//g.alicdn.com/fdilab/lib3rd/viewport-units-buggyfill/0.6.2/??viewport-units-buggyfill.hacks.min.js,viewport-units-buggyfill.min.js"></script>
		<script>
			// 解决vw兼容问题(不考虑很低端的机型可以去掉)
			window.onload = function () {
				window.viewportUnitsBuggyfill.init({
					hacks : window.viewportUnitsBuggyfillHacks
				});
			};

			const standalone = window.navigator.standalone,
				userAgent = window.navigator.userAgent.toLowerCase(),
				ios = /iphone|ipod|ipad/.test(userAgent);

			if (
				(/terminal=4/.test(window.location.href) || (ios && standalone)) &&
				!/iphoneX=1/.test(window.location.href)
			) {
				document.querySelector('body').className += 'platform-ios';
			}
			if (/iphoneX=1/.test(window.location.href)) {
				document.querySelector('body').className += 'platform-iphonex';
			}
		</script>
	</body>
</html>
